html {
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	position: relative;/*min-height: 100% !important;
	-webkit-overflow-scrolling: touch;*/
}

body {
	margin: 0;
	font-family: 'Lato', Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #4d5b65;
}

a, a:visited {
	text-decoration: none;
	color: #00639c; /*plava*/
}

a:hover, a:active {
	outline: none;
	text-decoration: none;
	transition: all 0.3s ease-in;
}

a:focus {
	outline: none;
	text-decoration: none;
}

a img, img { border: none; }

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
        font-size: 20px;
font-style: normal;
margin-left: 0px;
}

.clear {
	height: 1px;
	line-height: 0;
	font-size: 1px;
	clear: both;
}


.logo-slika{width:305px;}

.marg0 { margin: 0px; }

.margtop0 { margin-top: 0px !important; }

.margtop15 { margin-top: 15px !important; }

.margtop20 { margin-top: 20px !important; }

.margbot20 {
	margin-top: 0 !important;
	margin-bottom: 20px !important;
}
.margbot30 {

	margin-bottom: 30px !important;
}
.margtop30 { margin-top: 30px !important; }

.margtop60 { margin-top: 60px !important; }

.margtop90 { margin-top: 90px; }

.wid50 { width: 45%; }

.padleft30 { padding-left: 30px; }

*:focus { outline: none; }

strong { font-weight: bold; }

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-weight: inherit;
}


h2 {
	font-size: 26px;
	font-weight: 500;
	margin: 20px 0;
	color: #006bb7;
}

h3 { /*ili sekcija naslov*/
	font-size: 20px;
	font-weight: 500;
	margin: 30px 0;
	line-height: 26px;
}

h3.sekcija { margin-top: 0; color: #4d5b65; }

h3.sekcija a, h3.podsekcija a { color: #4d5b65; }

h3.sekcija a:hover, h3.podsekcija a:hover { color: #00639c; }

h3.sekcija a:hover i, h3.podsekcija a:hover i { margin-left: 20px; }

h3 i {
	margin-left: 10px;
	font-size: 22px;
	position: relative;
	top: 3px;
	transition: all 0.3s ease-in-out;
}

h4 {
	font-size: 18px;
	font-weight: bold;
	margin: 20px 0 20px 0;
	color: #4d5b65;
}

.navrh {
	background-color: rgba(119, 135, 147, 0.87);
	padding: 5px 17px;
	color: #fff;
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 9999;
	font-size: 24px;
}

.navrh:hover {
	color: #fff;
	background-color: #005a9c;
}

/*****************************************************/

.relative { position: relative; }

.form-control { border-radius: 0; }

.plava { color: #00639c; }

.svjplava { color: #0b74ae; }

.border {
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}

.borderBot {
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 30px;
}

.borderTop {
	border-top: 1px solid #e1e1e1;
	margin-top: 30px;
	padding-top: 30px;
}

.arrVise {
	color: #4d5b65;
	font-size: 30px;
	transition: all 0.3s ease-in-out;
}

.arrVise:hover {
	color: #00639c;
	padding-left: 10px;
}

/*header*/
.mobwrap {display: none;}
header .logo {
	position: relative;
	z-index: 999;
	margin-top: 0px;
}

header .logo a { display: block; }

header {
	background: url(../img/bg-head-kom.jpg) repeat-x;
	height: 89px;
}

header .prvired {
	padding-top: 7px;
	padding-left: 30px;
}

header .lijevilinkovi a {
	color: #b8cadb;
	font-size: 15px;
	display: inline-block;
	margin-top: 3px;
	margin-right: 26px;
}

header .desnilinkovi .soc {
	display: inline-block;
	margin-top: 0px;
	margin-left: 5px;
}

header .desnilinkovi a {
	color: #7f7e7e;
	font-size: 15px;
}

header .desnilinkovi .lang {
	color: #000;
	margin-left: 20px;
}

header .headlinkoviWrap a.home-a {
	color: #0b74ae;
	font-size: 20px;
	display: inline-block;	
}

.src {
	display: inline-block;
	position: relative;
	width: 250px;
}

header .headlinkoviWrap a:hover { color: #fff; }

header .drugired {
	margin-top: 1px;
	padding-left: 20px;
}

header .glavnimeni {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-top: 8px;
	position: relative;
	left: 0px;
	z-index: 1;
	padding-bottom: 20px;
}

header .glavnimeni li {
	float: left;
	text-align: center;
	position: relative;
}

header .glavnimeni li:hover, header .glavnimeni li.active { background-color: #005a9c; }

header .glavnimeni li:first-of-type { padding-left: 0px; }

header .glavnimeni li a {
	color: #fff;
	width: 100%;

	display: block;
	padding: 0 20px;
	padding-top: 11px;
	padding-bottom: 11px;
}

.searchicoNovi {
    color: #fff !important;
    font-size: 22px !important;
    height: 34px;
    margin-top: 1px;
    padding: 7px 15px 5px;
    position: absolute;
    right: 0;
    top: -31px;
    z-index: 99;
}
/*#search {margin-top:24px !important;}*/
header { /*sticky*/
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 9999;
	transition: all .3s ease 0s, background .3s ease 0s;
	margin-bottom: 30px;
}

#search input {
	width: 230px;
	position: absolute;
	right: 0px;
	top: -25px;
	background-color: #7f7e7e;
	color: #fff;
	border: none;
	box-shadow: none;
}
#searchMali input {
	width: 100%;
	position: relative;

	background-color: #fff;
	color: #fff;
	
	box-shadow: none;
}
#searchMali .subwrap {
	padding: 15px;
	position: relative;
}
#searchMali .subwrap .searchicoNovi {
	color: #00639c;
	top:8px;
	right: 10px;
}
.drugired #search input::-webkit-input-placeholder {
color:#fff;
}
.drugired #search input::-moz-placeholder {
color:#fff;
} /* firefox 19+ */
.drugired #search input:-ms-input-placeholder {
color:#fff;
} /* ie */
.drugired #search input:-moz-placeholder {
color:#fff;
}

/*slider*/
.sliderHome { position: relative; }

.pocetna-slider { margin-top: 30px; }

.sliderHome .prev {
	margin-top: 18px;
	color: #202020;
	font-size: 26px;
	cursor: pointer;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	left: 40px;
	background-color: #fff;
	border-radius: 100px;
	width: 40px;
	height: 40px;
	text-align: center;
	z-index: 1000;
}

.sliderHome .next {
	margin-top: 18px;
	color: #202020;
	font-size: 26px;
	cursor: pointer;
	position: absolute;
	top: 50%;
	margin-top: -10px;	
	right: 40px;
	background-color: #fff;
	border-radius: 100px;
	width: 40px;
	height: 40px;
	text-align: center;	
	z-index: 1000;	
}


.kontrole { 
    position: absolute;
    top: 50%;
    z-index: 1000;
	width: 100%;
}

.kontrole div:hover {
	color: #00639c;
	transition: all 0.3s ease-in
}

.slideTitle {
	color: #778793;
	position: absolute;
	top: 25px;
	left: 50px;
}

.owl-thumbs {
	margin-top: 15px;
	position: absolute;
	right: 20px;
}

.owl-thumbs button {
	border: none;
	background-color: #00639c;
	margin-right: 10px;
	padding: 0;
	width: 60px;
	overflow: hidden;
}

.owl-thumbs button.active {
	border-color: #fff;
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}

.owl-thumbs button.active img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}

.owl-thumbs img {
	width: 120px;
	height: auto;
	overflow: hidden;
	margin: 0;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

/* boxevi */
.box {
	background-color: #f4f4f4;
	position: relative;
}

.newsMatch .box { background-color: #dcd6cf !important; }

.bg {
	padding: 30px;
	padding-bottom: 10px;
}

.box .naslov {
	font-weight: 500;
	color: #00639c;
	font-size: 20px;
	line-height: 22px;
	padding-right: 40px;
	height: 44px;
}

.box .kratki {
	font-size: 15px;
	line-height: 24px;
	margin-top: 20px;
	margin-bottom: 40px;
	font-weight: normal;
	color: #4d5b65;
}

.box .arrVise {
	position: absolute;
	bottom: 10px;
	left: 30px;
}

.box:hover .arrVise {
	color: #00639c;
	padding-left: 10px;
}

.box .imgHref {
	overflow: hidden;
	display: block;
}

.box img { transition: all 0.5s ease-in-out; }

.box:hover .imgZoom {
	-webkit-transform: scale(1.1);
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	transform: scale(1.1);
}

.box.full {
	position: relative;
	margin-top: 0px;
}

.box .full-img {
	position: relative;
	z-index: 1;
}

.box .fullContent {
	position: absolute;
	bottom: 0;
	z-index: 2;
}

#searchBpHome input {
	height: 50px;
	color: #778793;
	font-size: 16px;
	border: none;
}

#searchBpHome {
	width: 100%;
	padding: 20px;
}

#searchBpHome #bpSubmit {
	position: absolute;
	right: 0px;
	top: 0px;
	border: none;
}

#searchBpHome #bpSubmit::before {
	display: block;
	font-family: 'Material Icons';
	display: block;
	content: "\e546";
	color: #fff;
	background-color: #00974a;
	height: 50px;
	width: 49px;
	font-size: 32px;
	padding-left: 11px;
	padding-top: 3px;
}
 #searchBpHome #bpMjesto::-webkit-input-placeholder {
color:#778793;
}
#searchBpHome #bpMjesto::-moz-placeholder {
color:#778793;
} /* firefox 19+ */
#searchBpHome #bpMjesto:-ms-input-placeholder {
color:#778793;
} /* ie */
#searchBpHome #bpMjesto:-moz-placeholder {
color:#778793;
}

#searchBpHome label {
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 10px;
}

/*news home sekcija*/

.newsMali {
	display: block;
	margin-bottom: 15px;
	padding-right: 60px;
	height: 65px;
	overflow: hidden;
}

.newsMali.prvi { margin-top: 80px; }

.newsMali .datum {
	color: #778793;
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 5px;
	display: block;
}

.newsMali .naslov {
	color: #4d5b65;
	font-size: 16px;
	line-height: 18px;
	transition: all 0.3s ease-in-out;
	font-weight: 500;
}

.newsMali .naslov:hover { color: #778793; }

/*akcije home*/

.akcije .naslov { font-weight: bold; }

/*investitori home*/
.investitori { padding-bottom: 30px; }

.investitori .cifra {
	font-weight: 500;
	font-size: 30px;
	/*margin-top: 60px;*/
}

.investitori .datum {
	font-size: 15px;
	color: #4d5b65;
	font-weight: normal;
}

.sekcijalinkovi {
	margin: 0;
	margin-top: 0px;
	padding: 0;
	list-style-type: none;
	background-color: #005a9c;
	position: absolute;
	width: 220px;
	left: 0;
	display: none;
	
}

.sekcijalinkovi li { float: none !important;  text-align: left !important; transition: all 0.3s ease-out;}
.sekcijalinkovi li:first-of-type {padding-left: 0 !important;	}
.sekcijalinkovi.active {display: block;}


.sekcijalinkovi li.sekcijaRoot a {
	font-weight: bold;
	font-size: 18px !important;
	margin-bottom: 20px;
}
.footer .sekcijalinkovifooter {

	padding: 0;
	list-style-type: none;
	 margin-top: 30px; 
	
}


.sekcijalinkovi li:hover {background-color: #1774ac !important;}
.zastitaHome { padding: 30px 0; 


}

.zastitaWrap {
	display: block;
	position: relative;
	overflow: hidden;
}

.zastitaWrap .zastitaImg {
	position: relative;
	z-index: 1;
}

.zastitaWrap .zastitaTxt {
	position: absolute;
	bottom: 0px;
	z-index: 2;
	color: #fff;
	left: 0px;
	width: 100%;
	padding-left: 20px;
	height: 60px;
	padding-top: 20px;
	background-color: rgba(11,116,174, .75);
}

.zastitaWrap.box .arrVise {
	position: absolute;
	bottom: 15px;
	z-index: 2;
	color: #fff;
	right: 30px;
	left: auto;
}

.zastitaWrap .arrVise span {
	font-size: 16px;
	font-weight: normal;
}

.zastitaWrap .arrVise i {
	position: relative;
	top: 7px;
}

.zastitaWrap .naslov {
	font-weight: bold;
	font-size: 18px;
	color: #fff;
}

.zastitaWrap .kratki {
	font-weight: normal;
	font-size: 16px;
	padding-right: 10%;
	line-height: 26px;
	color: #fff;
	display: none;
}

.zastitaTxt {
	color: #fff !important;
	display: block;
	transition: all 1s;
}

.zastitaWrap:hover .arrVise { color: #fff !important; }

.zastitaWrap:hover .zastitaImg {
	
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.zastitaWrap:hover .zastitaTxt {
	height: 100%;
	padding-top: 30px;
}

.zastitaWrap:hover .kratki { display: block; }

.zastitaTxt:hover { }

/*video*/
.video {
	position: relative;
	height: 400px;
}

.video .podnaslov {
	font-weight: 300;
	font-size: 15px;
	color: #778793;
}

.embed-responsive {
	position: relative;
	margin-top: 10px;
}
.footer.margtop30 {margin-top:30px !important;}
/*footer*/
.footer .border {
	background-color: #f0f0f0;

}
.plaviBtn {
	background-color: #0b74ae;
	color: #fff !important;
	font-size: 22px;
	padding: 10px 20px;
	position: absolute;
	z-index: 2;
	top: 30px;
	right: 30px;
	
}

.plaviBtn:hover { opacity: .7;}

.fooWrap {
	position: relative;
	overflow: hidden;
}

.fooWrap .fooImg {
	position: relative;
	z-index: 1;
}

.fooWrap .fooTxt {
	position: absolute;
	bottom: 30px;
	z-index: 2;
	color: #fff;
	right: 30px;
	font-size: 26px;
	font-weight: bold;
}

.podnaslov.kratki {
	line-height: 24px;
	font-size: 16px;
	font-weight: normal;
	color: #4d5b65 !important;
	margin-top: 30px;
}



.maloFoo {
	padding: 30px 0;
	margin-bottom: 30px;
}

.maloFoo .ina a { color: #4d5b65; }

.maloFoo .ina a:hover {
	color: #00639c;
	text-decoration: underline;
}

.maloFoo .copy {
	color: #4d5b65;
	font-size: 16px;
	font-weight: normal;
}

.malilinkovi {
	margin: 0;
	padding: 0;
	list-style: none;
}

.malilinkovi li {
	float: left;
	margin-right: 10px;
}

.malilinkovi li a {
	font-size: 15px;
	color: #4d5b65;
}

.malilinkovi li a:hover {
	color: #00639c;
	text-decoration: underline;
}

/*podmeni*/

.podmeniWrap {
	position: absolute;
	width: 100%;
	z-index: 3 !important;
	display: none;
	top: 88px;
}

.podmeni {
	background-color: #005a9c;
	padding: 30px;
	padding-top: 0;
	padding-bottom: 30px;
	min-height: 410px;
	-webkit-box-shadow: 0px 2px 39px -10px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 39px -10px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 39px -10px rgba(0,0,0,0.3);
}

.podmeni a { color: #fff !important; }

.podmeni a:hover {
	color: #b1def7 !important;
	transition: all 0.1s ease-in-out;
	font-weight: bold !important;
}

.podmeni .podsekcija a {
	font-weight: bold;
	font-size: 27px;
}

.podmeni .podsekcija i {
	font-weight: bold;
	font-size: 32px;
	position: relative;
	top: 5px;
}

.podmeni .sekcijalinkovi { margin-top: 10px; }

.podmeni .sekcijalinkovi li a { font-size: 15px; }

/* kruh */
#bread {
	padding: 0;
	list-style: none;
	margin-top: 15px;
}

#bread li {
	float: left;
	margin-right: 10px;
	font-size: 14px;
}

#bread li:before {
	font-family: 'Ionicons';
	content: "\f3d6";
	font-size: 22px;
	margin-right: 10px;
	position: relative;
	top: 4px;
	color: #7f7f7f;
}

#bread li:first-of-type { margin-left: -22px; }

#bread li:first-of-type::before { visibility: hidden; }

#bread li a {
	color: #7f7f7f;
	font-size: 14px;
}

#bread li a:hover { color: #006bb7; }

/* kruh */
.searchCrumb {
	padding: 0;
	list-style: none;
	margin-top: 15px;

}

.searchCrumb li {
	float: left;
	margin-right: 10px;
	font-size: 13px;
	font-weight: normal;
}

.searchCrumb li:before {
	font-family: 'Ionicons';
	content: "\f3d6";
	font-size: 18px;
	margin-right: 10px;
	position: relative;
	top: 3px;
	color: #7f7f7f;
}

.searchCrumb li:first-of-type { margin-left: -22px; }

.searchCrumb li:first-of-type::before { visibility: hidden; }

.searchCrumb li a {
	color: #484848;
	font-size: 13px;
}

.searchCrumb li a:hover { color: #006bb7; }



/*unutra*/
.katslika { position: relative; overflow: hidden; }

.kattxt {
	position: absolute;
	z-index: 2;
	padding: 30px;
	width: 33%;
	height: 100%;
	background-color: rgba(0, 99, 156, .8);
	overflow: hidden;
}
.kathref {display: block;}
.kattxt h2 {
	font-weight: bold;
	color: #fff;
	font-size: 26px;
	line-height: 30px;
}

.kattxt .kratki {
	margin-top: 30px;
	color: #fff;
	font-weight: normal;
	font-size: 18px;
	line-height: 26px;
}

.katlinkovi .sekcijalinkovi {
	width: 45%;
	float: left;
	padding-left: 20px;
}

.katlinkovi .sekcijalinkovi .sekcijaRoot {
	display: block !important;
	width: 100%;
	float: none !important;
}

.katlinkovi .sekcijalinkovi .sekcijaRoot a { color: #00639c !important; }

.katlinkovi .sekcijalinkovi li {
	float: left;
	margin-bottom: 0px !important;
	margin-right: 10px;
	font-size: 15px;
	/* word-break: break-strict; */
}

.katlinkovi .sekcijalinkovi li a { color: #778793 !important; }

.katlinkovi .sekcijalinkovi li a:hover { text-decoration: underline; }

/*opis polje*/
h3.ga {
	font-size: 22px;
	font-weight: bold;
	width: 100%;
	padding-bottom: 0px;
	color: #4d5b65;
	margin-top: 40px;
}

.opis {
	color: #4d5b65;
	font-size: 16px;
	line-height: 26px;
}

.opis ul {
	padding-left: 20px;
	list-style: none;
	line-height: 23px;
	font-size: 16px;
}

.opis ul li {
	/*padding-left: 10px;*/
	padding-left: 3px;
	text-indent: -1.4em;
	margin: 5px 0;
}

.opis ul li::before {
	content: "• ";
	padding-right: 10px;
	color: #0679ae;
	font-size: 16px;
}

.opis .specSadrzaj {
	background-color: #f3f3f3;
	width: 30%;
	margin-left: 30px;
	height: 100%;
	float: left;
	margin-top: 30px;
	overflow: hidden;
}

.opis .lijevo {
	float: left;
	width: 48%;
	margin-right: 30px;
}

.opis .desno {
	float: right;
	width: 49%;
}

.opis .specSadrzaj .tekst { padding: 20px; }

.opis .specSadrzaj .kut {
	position: absolute;
	background-color: #fff;
	display: none;
	width: 80px;
	height: 120px;
	left: -85px;
	transform: skew(-25deg, 0deg);
	-webkit-transform: skew(-35deg, 0deg);
	-moz-transform: skew(-25deg, 0deg);
	-o-transform: skew(-25deg, 0deg);
	-ms-transform: skew(-25deg, 0deg);
}

.opisTxt {
	width: 67.3%;
	padding-right: 30px;
}

.opis a:hover { text-decoration: underline; }
.opis h3 {
	font-size: 24px;
	font-weight: bold;
	margin: 30px 0 20px 0;
	color: #4d5b65;
}
.opis h4 {
	font-size: 20px;
	font-weight: bold;
	margin: 30px 0 20px 0;
	color: #4d5b65;
}

/*lista priopcenja*/

.kaotabs {
	float: left;
	font-size: 14px;
	color: #778793;
	border: 1px solid #bbc3c9;
	border-right: none;
	padding: 10px 16px;
}

.kaotabs.rjecnik { padding: 10px 13px !important; }

.kaotabs:last-of-type { border-right: 1px solid #bbc3c9; }

.kaotabs.active, .kaotabs:hover {
	color: #fff;
	border-color: #0b74ae;
	background-color: #0b74ae;
}

.kaotabs:hover {
	color: #fff;
	border-color: #0b74ae;
	background-color: #00639c;
}

h2.nopic {
	font-weight: bold;
	color: #4d5b65;
	font-size: 26px;
	line-height: 32px;
	padding: 30px 0;
	margin: 0;
}

.listaItem {
	border-bottom: 1px solid #e1e1e1;
	/*padding-bottom: 20px;*/
	padding-bottom:45px;
	margin-top: 30px;
}

.listaItem .datum {
	font-size: 15px;
	color: #778793;
	margin-bottom: 5px;
}

.listaItem .naslov {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 5px;
	display: block;
}

.listaItem .kratki {
	font-size: 15px;
	margin-bottom: 10px;
	color: #777;
	line-height: 24px;
	padding-right: 30px;
}

.arrVise.dokument {
	color: #778793;
	font-size: 26px;
}

.arrVise.dokument:hover { color: #00639c; }

.arrVise.dokument span {
	font-size: 15px;
	position: relative;
	top: -4px;
	margin-left: 10px;
}

.opis .kratki {
	font-size: 17px;
	margin-bottom: 30px;
	font-weight: bold;
	padding-right: 30px;
}

/*lista desno*/ 
.listaDesno { background-color: #f4f4f4; }

.listaDesno .imgwrap {
	max-height: 300px;
	overflow: hidden;
}

.listaDesno .sadrzaj { padding: 15px 30px; }

.listaDesno .tekst {
	font-size: 15px;
	line-height: 24px;
	color: #777;
}

.selectWrap {
	width: 100%;
	margin: 20px 0;
}

.pagination {
	float: right;
	margin-bottom: 0;
}

.pagination>li:first-child>a, .pagination>li:first-child>span { border-radius: 0; }

.pagination>li:last-child>a, .pagination>li:last-child>span { border-radius: 0; }


.lista .table>tbody>tr:first-child>td,
.lista .table>tbody>tr:first-child>th,
.lista .table>tfoot>tr:first-child>td,
.lista .table>tfoot>tr:first-child>th,
.lista .table>thead>tr:first-child>td,
.lista .table>thead>tr:first-child>th {
    border-top: none;
}


/* select replacement*/

.bootstrap-select .btn {
	border: none;
	border-radius: 0;
	background: none;
	background-color: #778793;
	color: #fff;
	padding: 15px 20px;
	font-size: 15px;
}

.bootstrap-select button span { text-shadow: none; }

.bootstrap-select button, .bootstrap-select button:hover, .bootstrap-select button:active, .bootstrap-select button.active, .bootstrap-select button:visited, .bootstrap-select button:focus, .bootstrap-select button.focus {
	background-color: #778793;
	border-color: none;
	color: #fff;
}

.bootstrap-select button:focus, .bootstrap-select button.focus { background-color: #0b74ae !important; }

.bootstrap-select .dropdown-toggle {
	background-color: #778793 !important;
	border-color: none !important;
	color: #fff !important;
}

.bootstrap-select .dropdown-menu {
	top: 42px;
	border-radius: 0;
	border: none;
	padding: 0;
}

.bootstrap-select .dropdown-menu>li>a { padding: 15px 10px; }

.bootstrap-select .dropdown-menu>li>a:focus, .bootstrap-select .dropdown-menu>li>a:hover {
	background: none;
	background-color: #0b74ae !important;
	color: #fff;
}

/* select replacement unutar formi */

.forma .form-control { height: 35px; }

.forma .bootstrap-select .btn {
	border: 1px solid #ccc;
	border-radius: 0;
	background: none;
	background-color: #fff !important;
	color: #778793 !important;
	padding: 7px 20px;
	font-size: 15px;
}

.forma .btn-group.bootstrap-select { width: 100% !important; }

.forma .bootstrap-select .dropdown-menu {
	top: 33px;
	border-radius: 0;
	border: none;
	padding: 0;
}

.forma .bootstrap-select .dropdown-menu>li>a { padding: 7px 10px; }

.forma label {
	margin-top: 30px;
	font-weight: bold;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 10px;
	width: 100%;
}

.forma .ri { margin-right: 10px; }

.forma .ri_tekst {
	margin-left: 10px;
	font-size: 15px;
}

.forma .area textarea { min-height: 150px; }

.forma .formaitem { position: relative; }

.forma .inputwrap {
	border-top: 1px dotted #ccc;
	padding-top: 15px;
	position: absolute;
	width: 70%;
	bottom: -70px;
}

.submitwrap {
	margin-top: 30px;
	border-top: 1px solid #ccc;
	padding-top: 30px;
}

.submitPlaviBtn {
	background-color: #0b74ae;
	color: #fff !important;
	font-size: 22px;
	padding: 15px 20px;
	border: none;
	font-size: 16px;
	display: block;
	min-width: 300px;
	margin: 0 auto;
	margin-bottom: 90px;
	text-transform: uppercase;
	transition: all 0.3s ease-in;
}

.submitPlaviBtn.centralniLabSubmit {
	
	margin: 20px auto;

}

.submitPlaviBtn:hover { background-color: #005a9c; }

.submeni {
	padding-left: 0;
	margin: 0;
	list-style: none;
	margin-top: 30px;
}

.submeni li {
	padding: 10px 0;
	border-bottom: 1px solid #e1e1e1;
}

.submeni li.active > a {
	font-weight: bold;
	color: #00639c;
}
.submeni li.active ul li.active > a {
	font-weight: normal;
	color: #00639c;
}
.submeni li:last-of-type { border: none; }

.submeni a {
	color: #4d5b65;
	padding: 5px 0;
	font-size: 15px;
}
.submeni ul li span {display: block; font-weight: bold;}
.submeni a:hover { color: #00639c; }

.submeni li.active .submeni {
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.submeni li.active .submeni a {
	color: #778793;
	font-weight: normal;
}

.submeni li.active .submeni a::before {
	font-family: "Ionicons";
	content: "\f3d6";
	margin-right: 10px;
	font-size: 22px;
	position: relative;
	top: -2px;
	color: #778793;
	display: block;
	float: left;
	
}
.submeni  li span {display: block; font-size: 14px;}



.submeni li.active .submeni li:hover a::before { color: #005a9c; }

.submeni li.active .submeni li:last-of-type { padding-bottom: 0; }



.submeni li ul {list-style: none; padding-left: 25px;}
.rjecnik-wrap  {display: none;}
/* search */
.contsearch { padding-left: 0; }

.searchwrap {
	background-color: #005a9c;
	padding-bottom: 20px;
	position: absolute;
	z-index: 999;
	top: -1px;
	display: none;
	background-color: #f4f4f4;
	width: 100%;
}

header .searchico.active {
	background-color: #f4f4f4;
	color: #4d5b65;
}

header .searchico.active:hover { color: #4d5b65; }

.formaSearch {
	height: 100%;
	color: #fff;
}

.formaSearch h3.podsekcija {
	font-size: 20px;
	color: #4d5b65;
}

.valignHhelper {
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}

.valignDiv {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
}

.formaSearch input {
	height: 50px;
	color: #778793;
	font-size: 16px;
	border: none;
	width: 100%;
}

.subwrap { position: relative; }

.searchSubmit {
	display: inline-block;
	color: #fff;
	background-color: #00974a;
	height: 50px;
	position: absolute;
	font-size: 16px;
	padding: 11px;
	padding-top: 15px;
	right: 0;
	top: 0px;
}

.searchSubmit:hover {
	color: #fff;
	background-color: #0b74ae;
}

/* opis stari sadržaj override*/

.opis span.podnaslov {
	display: block;
	font-size: 18px;
	font-weight: bold;
	margin: 20px 0 20px 0;
	color: #4d5b65;
}

.opis a:hover span {
	text-decoration: none !important;
	color: #005a9c;
}

/*galerija slider*/
.galitem { position: relative; }

.galitem a {
	display: block;
	color: #fff;
}

.galitem .galnaslov {
	font-weight: bold;
	font-size: 22px;
	position: absolute;
	z-index: 999;
	left: 30px;
	top: 30px;
}

.galitem .galopis {
	font-weight: bold;
	font-size: 18px;
	position: absolute;
	z-index: 999;
	left: 30px;
	bottom: 50px;
}

.galitem .galopis2 {
	font-weight: normal;
	font-size: 16px;
	position: absolute;
	z-index: 999;
	left: 30px;
	bottom: 20px;
}

.galitem .galbg {
	position: absolute;
	z-index: 998;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 220px;
	background: rgba(0,0,0,0);
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.61) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.61)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.61) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.61) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.61) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.61) 100%);

}

.rowBox { margin-top: 20px; }
	
ul.rjecnik { padding: 0; }

ul.rjecnik li {
	margin-bottom: 20px;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 20px;
	padding-left: 0;
	text-indent: 0;
}

ul.rjecnik li:last-of-type { border: 0; }

ul.rjecnik li::before { display: none; }

ul.rjecnik li strong {
	font-size: 20px;
	font-weight: 500;
	color: #0679ae;
}

ul.rjecnik ul { padding-left: 10px; }

ul.rjecnik ul li::before {
	display: inline;
	padding-right: 5px;
}

ul.rjecnik ul li {
	margin-bottom: 0px;
	border-bottom: 0;
	padding-bottom: 0px;
	padding-left: 0;
	text-indent: 0;
	margin-top: 20px;
}

ul.rjecnik ul li strong {
	font-size: 16px;
	font-weight: bold;
	color: #4d5b65;
}

.tabSet { margin-top: 0px; }

.tabovi { min-height: 600px; }

.tabovi .dokument .naslov {
	display: block;
	color: #666;
	padding-right: 0;
	width: 85%;
	line-height: 20px;
	font-size: 14px;
	padding-top: 20px;
}

.tabovi .dokument .skini { font-size: 22px; }

.tabovi .dokument .naslov:hover {
	color: #005a9c;
	text-decoration: none;
}

.tabovi .dokument {
	padding: 10px 10px;
	border-bottom: 1px solid #ccc;
	padding-top: 13px;
}

.tabovi .dokument:hover { background-color: #f9f9f9; }

.tabovi .dokument:hover .naslov { color: #005a9c; }

.tabovi .dokwrap { display: none; }

.tabovi .dokwrap.prvi { display: block; }

.table-responsive th, .table-responsive td { font-size: 14px; }

/* kartica */

.full {
	margin-top: 20px;
	position: relative;
	/* background: url('../UserDocsImages/kategorije/1920/kartica.jpg') center center no-repeat;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	color: #fff;
	text-rendering: optimizelegibility;
	height: 866px;
}

.full .over {
	font-size: 20px;
	text-align: center;
	color: #fff;
	padding: 30px;
	min-width: 300px;
	background-color: rgba(77,91,101, .9);
	position: relative;
	top: 200px;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	z-index: 999;
	height: 400px;
}

.full .over h2 {
	color: #fff;
	font-weight: bold;
	font-size: 40px;
}

.full .over .vazno {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 26px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #fff;
	border-bottom-color: rgba(255,255,255, .4);

}

.full .over .kratki { margin-top: 30px; }

.full .over .skrol { display: inline-block; }

.fullSadrzaj { position: relative; }

.fullSadrzaj .naslov { font-weight: bold; }

.fullSadrzaj h2 { margin: 30px 0; }

.hrefPlaviBtn {
	background-color: #0b74ae;
	color: #fff !important;
	padding: 10px 20px;
	border: none;
	font-size: 15px;
	margin: 0 auto;
	text-transform: uppercase;
	transition: all 0.3s ease-in;
	display: block;
	text-align: center;
	margin-top:10px;
}

.hrefPlaviBtn:hover { background-color: #005a9c; text-decoration: none !important;}

.hrefPlaviBtn.planer {
	background-color: #0b74ae;
	color: #fff !important;
	padding: 14px;
	border: none;
	font-size: 16px;
	text-transform: none;
	transition: all 0.3s ease-in;
	display: inline-block;
	text-align: center;
	position: relative;
	z-index: 999;
}

.hrefPlaviBtn.planer.active { background-color: #005289; }

.hrefPlaviBtn.bp {
	background-color: #00974a;
	color: #fff !important;
	padding: 14px;
	border: none;
	font-size: 16px;
	text-transform: none;
	transition: all 0.3s ease-in;
	display: inline-block;
	text-align: center;
	display: none;
}

.hrefPlaviBtn.bp.active { background-color: #35ad70; }

.hrefPlaviBtn.bp:hover { background-color: #35ad70; }

.fullSadrzaj img { margin-bottom: 20px; }

.fullSadrzaj h2.naslov {
	font-size: 26px;
	line-height: 36px;
	margin-top: 30px;
}

.fullSadrzaj .opis {
	line-height: 28px;
	font-size: 18px;
	font-weight: normal;
}

.fullSadrzaj .opis ul li a { font-weight: normal; font-size: 15px; }

.fullSadrzaj .naslov {
	font-size: 18px;
	margin-bottom: 20px;
}

.fullSadrzaj .kratki {
	font-size: 16px;
	margin-bottom: 20px;
	color: #4d5b65;
}

.fullSadrzaj .karticawrap {
	position: relative;
	top: -30px;
	right: 30px;
}

.fullSadrzaj .karticawrap.nemaslike { top: 30px; }

.fullSadrzaj .karticawrap.nemaslike .naslov { font-size: 22px; color: #4d5b65;}

.maloFoo .malilinkovi { float: right; }

.videowrap { margin-top: 20px; }

/*gmap*/
.mapwrap {
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	height: 0;
}

.mapwrap iframe {
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	position: absolute;
}

/*.formeWrap { height: 50px; }*/

.bpforma, .planerforma {
	width: 100%;
}

.planerforma {
/*display: none;*/
	width: 100%;
}

.listabp {
	position: absolute;
	width: 300px;
	z-index: 999;
	height: 100%;
	background-color: rgba(218,218,218, .8);
	overflow: hidden;
	overflow-y: scroll;
}

.listabp a {
	display: block;
	padding: 14px;
	color: #4d5b65;
	font-size: 15px;
	border-bottom: 1px solid #b9b9b9;
	line-height: 16px;
}

.listabp a:hover, .listabp a.active {
	background-color: #0b74ae;
	color: #fff;
}

.bpimg {
	width: 38px;
	margin-right: 10px;
}

.bptxt {
	width: 200px;
	padding-top: 5px;
	padding-left: 15px;
}

.bpinput, .bpinput2 {
	height: 50px;
	border: 0;
	background-color: #f3f3f3;
	color: #778793;
	font-size: 16px;
}

.bpinput.plan {
	width: 45%;
	float: left;
}

.bpinput.plan:first-of-type { margin-right: 10px; }

.bpnaslov {
	margin: 0;
	margin-top: 20px;
}

.bpnaslov-h3 {
	margin: 0;
	margin-bottom: 10px;
}

.bpSubmit, .planSubmit {
	position: absolute;
	right: 0px;
	top: 0px;
	border: none;
}

.bpSubmit::before {
	font-family: 'Material Icons';
	display: block;
	content: "\e546";
	color: #fff;
	background-color: #00974a;
	height: 50px;
	width: 49px;
	font-size: 32px;
	padding-left: 11px;
	padding-top: 3px;
}

.planSubmit::before {
	font-family: "Ionicons";
	content: "\f36f";
	display: block;
	color: #fff;
	background-color: #0b74ae;
	height: 50px;
	width: 49px;
	font-size: 26px;
	padding-left: 15px;
	padding-top: 7px;
}

.bpFilter {
	position: absolute;
	right: 530px;
	top: 0px;
	border: none;
	z-index: 9;
	font-size: 13px;
	text-align: center;
	color: #fff !important;
	background-color: #00974a;
	padding-bottom: 5px;
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
}

.bpFilter::before {
	font-family: 'Material Icons';
	font-weight: normal;
	display: block;
	content: "\e546";
	color: #fff;
	background-color: #00974a;
	height: 40px;
	width: 60px;
	font-size: 32px;
	padding-left: 11px;
	padding-top: 0px;
	padding-right: 7px;
}

.uslugewrap .filteri.usluge, .uslugewrap .filteri.kartice { display: none; }

.uslugewrap {
	position: absolute;
	z-index: 1000;
	right: -530px;
	top: 0px;
	transition: all 0.3s ease-in;
}

.uslugewrap.pomak { right: 0; }

.uslugeHead {
	background-color: #0b74ae;
	height: 63px;
	width: 530px;
}

.uslugeHead i {
	font-size: 32px;
	color: #fff;
	margin-top: 15px;
	margin-left: 15px;
}

.uslugewrap .filteri {
	background-color: #08578c;
	padding: 20px;
}

.uslugewrap .filteri .goriva { width: 45%; }

.uslugewrap .filteri .goriva .filter_item { margin-bottom: 12px; }

.uslugewrap .filteri .goriva .filter_opis {
	color: #fff;
	font-size: 14px;
	position: relative;
	top: -2px;
	margin-left: 20px;
	cursor: pointer;
}

.uslugeHead .uh_linkovi { margin-top: 20px; }

.uslugeHead a {
	color: #fff;
	margin: 0 20px;
	font-size: 18px;
	opacity: .7;
}

.uslugeHead a:hover { opacity: 1; }

.uslugeHead a.active {
	font-weight: 700;
	opacity: 1;
}

.uslugeHead a.active:hover { opacity: 1; }

/*mobmeni*/
.btnPuni {

	z-index: 9999;
	position: relative;
	color: #00639c !important;
	display: none;
	font-size: 32px;
	background-color: #fff;
	padding: 0 15px;
	top: 19px;
}

.width_control_certifikati { min-width: 364px; }

/* ZOOMBOX OVERRIDE */
.zoombox_gallery {
	height: 50px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	white-space: pre;
}

.zoombox_gallery > div {
	position: relative !important;
	max-width: 100%;
	left: auto !important;
	margin: 0 auto;
	overflow-x: auto !important;
}

#zoombox.simple .zoombox_next, #zoombox.simple .zoombox_prev, #zoombox.simple .zoombox_close {
	background: none;
	font: 16px 'ina';
	color: #fff;
	width: 32px;
	opacity: 0.7;
	transition: all 0.3s ease;
}

#zoombox.simple .zoombox_prev { left: 0; }

#zoombox.simple .zoombox_next { right: 0; }

#zoombox.simple .zoombox_next:hover, #zoombox.simple .zoombox_prev:hover, #zoombox.simple .zoombox_close:hover { opacity: 1; }

#zoombox.simple .zoombox_prev::before, #zoombox.simple .zoombox_next::before, #zoombox.simple .zoombox_close::before {
	display: block;
	width: 32px;
	height: 32px;
	background: rgba(0,0,0,0.8);
	text-align: center;
	line-height: 32px;
}

#zoombox.simple .zoombox_prev::before {
	position: relative;
	content: 'b';
	height: 32px;
	top: 50%;
	margin-top: -16px;
}

#zoombox.simple .zoombox_next::before {
	position: relative;
	content: 'c';
	height: 32px;
	top: 50%;
	margin-top: -16px;
}

#zoombox.simple .zoombox_close {
	height: 32px;
	right: 0;
	top: 0;
}

#zoombox.simple .zoombox_close::before {
	font-size: 12px;
	content: 'h';
}

/* photo grid */
.photo-grid-item {
	width: 33%;
	float: left;
	overflow: hidden;
	position: relative;
	opacity: 1;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.photo-grid-item a {
	border: 0;
	display: block;
	opacity: 1;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.photo-grid-item a:hover { opacity: 0.75; }

.photo-grid-item img { max-width: 100%; }

.photo-grid-item .autorimg {
	position: absolute;
	color: #ffffff;
	font-size: 12px;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,.5);
	padding: 5px 0 5px 10px;
	opacity: 1;
	line-height: 1.3em;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.photo-grid-item:hover .autorimg { opacity: 0; }

.podmeni h3.podsekcija { color: #fff; }

.img_responsive {
	display: block;
	max-width: 100%;
	height: auto
}

.searchbp { background-size: 0 0; }

.subpage-submenu, .subpage-submenu .submeni, .sh-img { display: none; }

.mob-formeWrap { display: none; }

/*.formeWrap { margin-top: 15px; }*/
.formeWrap { margin-bottom: 0px; margin-top: 30px;}

.bpforma {
	width: 100%;
	/*margin-right: -150px;*/
}

.bpforma .inner-wrap {
    /*margin-right: 170px;*/
	position: relative;
}

.hrefPlaviBtn.planer {
	width: 150px;
	float: left;
}
.subpage-heading {
	position: relative;
}
.subpage-submenu {
	margin-top: 10px;
	margin-top: 10px;
	padding: 10px;
	position: absolute;
	right: 15px;
	top:20px;
	cursor: pointer;
	background-color: rgba(119, 135, 147, 0.95);
	color: #fff;
	max-width: 200px;
	overflow: hidden;
	float: right;
	display: none !important;
}

.listabp.ops {
	padding: 15px;
}
.opis.bpostaje h3 {
	margin:0px;
	font-weight: bold;
	color: #006bb7;
} 
.opis.bpostaje h4 {
	margin-top:0;
}
.opis.bpostaje .table-striped {
	margin-top:0px;
}
.opis.bpostaje .table-striped th {
	border-top: 0;
}
.opis.bpostaje .table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #fff;
}
.opis.bpostaje .table-striped>tbody>tr:nth-of-type(even) {
	background-color: #f9f9f9;
}
.bpopsImg {
	margin-top: 30px;
}
.bpmap {margin: 10px 0; display: block; color: #7f7f7f !important; font-size:15px;}
.bpmap:hover {text-decoration: none !important;}
.bpdetalji ul.ikone {
	list-style: none;
	padding-left: 20px;
}
.bpdetalji ul.ikone  li::before {
	display: none;
}
.bpdetalji ul.ikone  li {
	font-size: 14px;
}
.bpdetalji ul.ikone  li span {
	padding-right: 10px;
}
.bpdetalji ul {
	font-size: 14px;
}

.bpdetalji h4 {
	padding: 10px; 
	border: 1px solid #ccc;
}
#search.margtop30 {
	margin-top: 27px !important;
}
.opis .lijevo, .opis .desno {
	text-align: left !important;
}
.tabovi .dokument .naslov {
	padding-top: 0;
}

.bezndetaljno {
	padding: 5px 10px;
	background-color: #0d649a;
	color: #fff !important;
	margin-top: 10px;
	display: inline-block;
}
.opis .zoombox {margin-right: 5px; display: inline-block;}
.opis .zoombox:last-of-type {margin:0;}
.opis>div {text-align: left !important;}

.mob-menu-lang {
	display: none;
}
.searchResult {margin:30px 0; font-size: 18px; font-weight: bold;}


.opis td.datum {padding-bottom: 20px; font-size: 14px;}

.secondary-menu {
	list-style: none;
	padding-left: 15px;
	margin-top: 15px;
}
.secondary-menu a {
	color: #b8cadb;
	line-height: 30px;
}

#chart-container {
	height: 300px;
	width: 100%;
	margin: 0 auto;
}

#chart-container-en {
	height: 300px;
	width: 100%;
	margin: 0 auto;
}

.narucivanje-form label {
	margin-top: 20px;
}
.narucivanje-form .submitPlaviBtn {
	width: 200px;
	display: inline-block;
	text-align: center;
	margin-bottom: 30px;
	
}


.narucivanje-form.centralnilabforma .error {
	text-align:left !important;

}

.narucivanje-form  .error {
	text-align: center;
	border:1px solid red;
	padding: 10px;
	text-align: center;
	color: red;
}


.narucivanje-form  .error.ok {
	border:1px solid green;
	color: green;
}


.g-recaptcha {
	margin: 20px auto;
}

.izvorRow, .izvorRow2, .izvorRow3, .izvorRow4, .izvorRow5 {display: none;}

.rjecnik-select {
	display: none !important;
}
.appIkona {
	display: inline-block;
	margin-bottom: 10px;
}

.kattxt .kratki .arrVise {
	font-size: 16px;
	color: #fff;
	display: block;
	font-weight: bold;
}
.kattxt .kratki .arrVise i {
	padding-left: 10px;
	font-size: 26px;
	position: relative;
	top:5px;
}

.gal .naslov {
	font-weight: bold;
}
.gal .listaItem {
	padding-bottom: 0;
}
.gal .listaItem .arrVise {
	position: relative;
	top:-4px;
}
.datumPosebna {
	font-size: 14px;

}
.temeljneMatch .datumPosebna {

	margin-bottom: 5px;
}
.DatumObjave {
	margin: 20px 0 0 0;
	font-size: 14px;

}
.kattxt h2 a {
	color:#fff;
}
h2.pp {
	font-weight: bold;	
}
.kratki.pp {
	font-weight: bold;	
}
.ppGalerija .zoombox {margin-bottom:20px !important;display:inline-block;}

.kvart-ico {	
    width: 20px;
    height: 20px;
    float: right;
}

.kvart2-ico {	
    max-width: 20px;
    
}

.kvart-ico3 {	
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 10px;
}

.highlighted {
	background-color:#f4f4f4;
}

.rjecnik-wrap.samo-tu {
	width: 66.66666667%;
}

.rjecnik-wrap.samo-tu .kaotabs {
	display: block;
	float: none;
	border-right: 1px solid #bbc3c9;
}

.rjecnik-wrap.samo-tu .kaotabs.active {
	border-right: none;
}

.rjecnik-wrap.samo-tu .kaotabs:hover {
	border-right-color: #0b74ae;
}
.opis .photo-grid-item {width: 30%; margin-right: 10px; margin-top: 10px;}
.col-phone {margin-bottom: 30px;}
.posebnaponudaaktiv {margin-left: 15px;}

.nisamaktivan {
	display:none;
}

.promo-slider {
	padding: 0 15px;
	margin-bottom: 30px;
}

.ps-header {
	position: relative;
	height: 121px;

}

.ps-header:before {
	content: "";
	width: 275px;
	height: 121px;
	background: url("../img/ps-header-label.png") no-repeat;
	background-size: cover;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	line-height: 0;
}

.ps-header.en-lang:before {	
	background-image:url("../img/ps-header-label-en.png");
}

.ps-txt {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	line-height: 1.35;
	padding: 18px 30px 18px 315px;
	color: #fff;
	font-size: 16px;
	background: rgb(0,140,232);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOGNlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDM0YTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(0,140,232,1) 0%, rgba(0,52,162,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,140,232,1) 0%,rgba(0,52,162,1) 100%);
	background: linear-gradient(to bottom,  rgba(0,140,232,1) 0%,rgba(0,52,162,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ce8', endColorstr='#0034a2',GradientType=0 );
}

.ps-container {
	background-color: #f4f4f4;
	padding: 30px;
}

.ps-container .owl-item > a {
	display: block;
	padding: 0 10px;
}

.ps-container .owl-item > a > img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

.ps-label {
	display: block;
	font-size: 16px;
	font-weight: 700;
	color: #484848;
	text-align: center;
	max-width: 145px;
	margin: 0 auto;
}

.ps-container .owl-controls .owl-nav .owl-prev,
.ps-container .owl-controls .owl-nav .owl-next {
	position: absolute;
	top: 50%;
	width: 60px;
	height: 50px;
	line-height: 50px;
	font-size: 35px;
	color: #fff;
	text-align: center;
	background-color: #9cacb2;
	opacity: .9;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
			transform: translateY(-50%);
}

.ps-container .owl-controls .owl-nav .owl-prev:hover,
.ps-container .owl-controls .owl-nav .owl-next:hover {
	opacity: 1;
}

.ps-container .owl-controls .owl-nav .owl-prev {
	left: 0;
}

.ps-container .owl-controls .owl-nav .owl-next {
	right: 0;
}

.makniLogo {display: none;}
.ps-container .owl-item > a:hover {text-decoration: none !important;}
.ps-label {line-height: 20px;}

.promo-slider {padding: 0;}
.naglasi {
	background-color: #f9f9f9;
	padding: 20px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
}

#searchMali input {
	width: 100%;
	position: relative;

	background-color: #fff;
	color: #4d5b65;
	
	box-shadow: none;
}


/*.malisearch {
    font-size: 24px;
    padding: 10px;

    color: red;
    text-shadow: 0px 0px 0px #000;
    -webkit-text-fill-color: transparent;
}

.malisearch::-webkit-input-placeholder,
.malisearch:-webkit-input-placeholder {
    color: #ccc;
    text-shadow: none;
    -webkit-text-fill-color: initial;
}*/


.ps-container .owl-item>a>img {
	display: block;
	margin: 0 auto;
	/*max-height: 100px;*/
	width: auto; 
	margin-bottom: 20px;
}

.msie.v9 svg, .msie.v10 svg {
  width: 100%; 
  height:600px;
}
.pravacWrap {top:-6px;}
.plaviBtn.pravac {top:2px; position: relative; right: 0; left: 2px; height: 51px !important; display: inline-block; font-size: 16px; padding: 0; padding: 15px;	}

.slikaiframe {visibility: hidden;
	width: 0;
	height: 0;
	position: absolute;
}



.pocetna-slider iframe {width: 100%; border: 0;  height: 376px;}

.iframelink {
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;

}

/*.styledCheckbox {background-position: 0 -42px !important;}*/

.kartaTxt {
	text-align:center;
	margin:20px 0;
	font-size:13px;
	color:#a4a3a3;
	padding:0 30px;

}

.poslovni {
	background-image: url(../img/poslovni-box.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 243px;
	color: #fff;
	font-size: 17px;
    padding: 40px 40px 0 40px;
}

.poslovni a {
	color: #fff;
}

.box-title {
	font-weight: 900;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.privatni {
	background-image: url(../img/privatni-box.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 243px;
	color: #fff;
	padding: 40px 40px 0 40px;
}

.privatni a {
	color: #fff;
}

.ina-kartica {
	background-image: url(../img/kartica-box.jpg);
    background-repeat: no-repeat;
    background-position: 50% 0%;
    background-size: cover;
    height: 243px;
	color: #fff;
	font-size: 17px;
    padding: 40px 40px 0 40px;
}

.ina-kartica a {
	color: #fff;
	font-weight: 700;
}

.ina-kartica a i {
	margin-right: 5px;
}


a.online-btn {
	display: block;
	width: 230px;
	margin-top: 20px;
	padding: 10px;
	border-radius: 5px;
	text-align: center;
	font-weight: 600;
	background: #0fd36f; /* Old browsers */
	background: -moz-linear-gradient(top, #0fd36f 0%, #007d3e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #0fd36f 0%,#007d3e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #0fd36f 0%,#007d3e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0fd36f', endColorstr='#007d3e',GradientType=0 ); /* IE6-9 */	
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.37);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.37);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.37);	
	transition: all 0.4s ease;
}

a.online-btn:hover {
	transition: all 0.4s ease;
	background: #11dd4b; /* Old browsers */
	background: -moz-linear-gradient(top, #11dd4b 0%, #00992b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #11dd4b 0%,#00992b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #11dd4b 0%,#00992b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11dd4b', endColorstr='#00992b',GradientType=0 ); /* IE6-9 */
}

a.online-btn img {
	margin-right: 5px;
}

.benzinske-trazilica-holder {
	margin-bottom: 30px;
}

.benzinske-trazilica {
	background-color: #e3e2e2;
}

.title-trazilica {
	font-size: 20px;
	font-weight: bold;
	color: #484848;
	padding: 30px;	
}

.slider-usluge {
	margin-top: 30px;
}

.lijevi-izbor {

	position: absolute;
	z-index: 100;
	width: 320px;
	top:31px;
}
.slika-usluge img {height: 506px !important; overflow: hidden;}
.slika-usluge {

}

.slika-usluge img {
	width: 100%;
}

.items-usluge .owl-item {opacity:0.3 !important;}
.items-usluge .owl-item .overlay-slider {display: none;}
.items-usluge .owl-item.active.center {opacity:1!important;  width:750px !important;  }
.items-usluge .owl-item.active.center .overlay-slider  {display: block;}
.items-usluge .owl-stage-outer {height: 520PX;}
.overlay-slider {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	color: #fff;
	background: -moz-linear-gradient(left, rgba(0,41,64,0.8) 0%, rgba(0,0,0,0.3) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0,41,64,0.8) 0%,rgba(0,0,0,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0,41,64,0.8) 0%,rgba(0,0,0,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc002940', endColorstr='#4d000000',GradientType=1 ); /* IE6-9 */
	padding: 30px 60px 0 180px;
}

.usluga-title a {
	font-weight: bold;
	font-size: 46px;
	color: #fff;
}

a.saznaj-vise-a {
	position: absolute;
	bottom: 40px;
	right: 60px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
	transition: all 0.4s ease;	
	border-bottom: 1px solid transparent;	
}

a.saznaj-vise-a span {	
	display: block;
	float: left;
}

a.saznaj-vise-a i {	
	font-size: 44px;
	margin-left: 10px;
	display: block;
	margin-top: -10px;
	float: left;
}

a.saznaj-vise-a:hover {
	border-bottom: 1px solid #fff;
	padding-top: 10px;
	transition: all 0.4s ease;	
}

.usluga-txt {
	line-height: 26px;
	font-size: 18px;
	margin-top: 30px;
}

.lijevi-izbor a {
	display: block;
	width: 100%;
	padding: 20px;
	color: #fff;
	font-size: 18px;
	z-index: 10000;
	position: relative;
	transition: all 0.4s ease;
	background-color: rgb(7, 102, 155);
}

.lijevi-izbor a.motorna {
	background-color: #0b74ae;
}

.lijevi-izbor a.avio {
	background-color: #004d77;
}
.lijevi-izbor a.avioo {
	background-color: #035f92;
}

.lijevi-izbor a.bitumen {
	background-color: #00466c;
}

.lijevi-izbor a.unp {
	background-color: #07669b;
}

.lijevi-izbor a.brodska {
	background-color: #005685;
}
.lijevi-izbor a.proizvodi{
	background-color: #0b74ae;
}
.lijevi-izbor a.partnerprogram{
	background-color: #07669b;

}
.lijevi-izbor a.partnerprogram1{
	background-color: #07669b;

}
.lijevi-izbor a.maziva{
	background-color: #035f92;
}
.lijevi-izbor a.brodskaa{
	background-color: #035f92;
}

.lijevi-izbor a.loz {
	background-color: #035f92;
}

.lijevi-izbor a:hover {
	background-color: #e3e2e2;
	color: #0b74ae;
	transition: all 0.4s ease;
	width: 110%;	
}

.lijevi-izbor a:hover:before {
	content: "\f3d6";
	font-family: "Ionicons";
	position: absolute;
	right: 30px;
	top: 10px;
	z-index: 100;
	font-size: 34px;
	color: #0b74ae;
	
}

/* BRODSKA IKONA */
.ikonica {
	text-indent: -9999px;
}

.ikonica.brodska {
	background-image: url(../img/brodska-white.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	display: block;
	width: 30px;
	height: 13px;
	float: left;
	margin-top: 8px;
}

.ikonica.brodskaa{

	background-image: url(../img/brodska-white.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	display: block;
	width: 30px;
	height: 13px;
	float: left;
	margin-top: 8px;
}

.ikonica.propan {
	background-image: url(../img/propan.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	display: block;
	width: 30px;
	height: 30px;
	float: left;
	margin-top: 8px;
}

.ikonica.propbut {
	background-image: url(../img/propan-butan.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	display: block;
	width: 30px;
	height: 30px;
	float: left;
	margin-top: 8px;
}
.ikonica.program {
	background-image: url(../img/ina-program.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	display: block;
	width: 30px;
	height: 30px;
	float: left;


}
.ikonica.smjesa {
	background-image: url(../img/smjesa.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	display: block;
	width: 30px;
	height: 30px;
	float: left;
	margin-top: 8px;
}
.lijevi-izbor a.brodska:hover .ikonica.brodska {
	background-image: url(../img/brodska.svg) !important;
}
.lijevi-izbor a.brodskaa:hover .ikonica.brodskaa {
	background-image: url(../img/brodska.svg) !important;
}

/* BRODSKA IKONA END */

/* ikona prozivodi */


.ikonica.proizvodi{
	background-image: url(../img/loz-white.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	display: block;
	width: 30px;
	height: 30px;
	float: left;
	margin-top: 0;
}

.lijevi-izbor a.loz:hover .ikonica.loz {
	background-image: url(../img/loz.svg) !important;
}

/* kraj proizvodi  */
/* PARTNER PROGRAM */
.ikonica.partnerprogram {
	background-image: url(../img/kartica.svg) ;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	display: block;
	width: 22px;
	height: 25px;
	float: left;
	margin-top: 0;

}

.lijevi-izbor a.partnerprogram:hover .ikonica.partnerprogram {
	background-image: url(../img/kartica.svg) !important;
}
/* dodatno */

.ikonica.partnerprogram1 {
	background-image:  url();
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	display: block;
	width: 22px;
	height: 25px;
	float: left;
	margin-top: 0;
	margin-left: 20px;
}

.lijevi-izbor a.partnerprogram1:hover .ikonica.partnerprogram1 {
	background-image: url() !important;
}

.partnerprogram1.child-program {
	}

/* KRAJ dodatno */

/* PARTNER PROGRAM KRAJ */
/* maziva */
.ikonica.maziva {
	background-image: url(../img/maziva.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	display: block;
	width: 26px;
	height: 25px;
	float: left;
	margin-top: 0;
}

.lijevi-izbor a.maziva:hover .ikonica.maziva {
	background-image: url(../img/maziva.svg) !important;
}

/* maziva kraj */
/* UNP IKONA */

.ikonica.unp {
	background-image: url(../img/unp-white.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	display: block;
	width: 30px;
	height: 30px;
	float: left;
	margin-top: 0;
}

.lijevi-izbor a.unp:hover .ikonica.unp {
	background-image: url(../img/unp.svg) !important;
}

/* UNP IKONA END */

/* MOTORNA IKONA */

.ikonica.motorna {
	background-image: url(../img/motorna-white.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	display: block;
	width: 30px;
	height: 30px;
	float: left;
	margin-top: 0;
}

.ikonica.motorna-plava {
	background-image: url(../img/motorna.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	display: block;
	width: 30px;
	height: 30px;
	float: left;
	margin-top: 0;
}

.lijevi-izbor a.motorna:hover .ikonica.motorna {
	background-image: url(../img/motorna.svg) !important;
}

/* MOTORNA IKONA END */

/* AVIO IKONA */

.ikonica.avio {
	background-image: url(../img/avio-white.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	display: block;
	width: 30px;
	height: 30px;
	float: left;
	margin-top: 0;
}
.ikonica.avioo {
	background-image: url(../img/avio-white.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	display: block;
	width: 30px;
	height: 30px;
	float: left;
	margin-top: 0;
}
.lijevi-izbor a.avio:hover .ikonica.avio {
	background-image: url(../img/avio.svg) !important;
}
.lijevi-izbor a.avioo:hover .ikonica.avioo {
	background-image: url(../img/avio.svg) !important;
}

/* AVIO IKONA END */

/* BITUMEN IKONA */

.ikonica.bitumen {
	background-image: url(../img/bitumen-white.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	display: block;
	width: 30px;
	height: 30px;
	float: left;
	margin-top: 0;
}

.lijevi-izbor a.bitumen:hover .ikonica.bitumen {
	background-image: url(../img/bitumen.svg) !important;
}

/* BITUMEN IKONA END */

/* LOZ IKONA */

.ikonica.loz {
	background-image: url(../img/loz-white.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	display: block;
	width: 30px;
	height: 30px;
	float: left;
	margin-top: 0;
}

.lijevi-izbor a.loz:hover .ikonica.loz {
	background-image: url(../img/loz.svg) !important;
}

/* LOZ IKONA END */

.a-inner {
	display: inline-block;
	margin-left: 10px;
}

.panel-body {
  height:150px !important; 
  overflow-y:scroll;
  width:100%;
}


.razvoz .table-striped > tbody > tr:first-of-type {
    color: #fff;
    background: #1774ac;

}

.razvoz p {
    margin-bottom: 0;
}

.napomena-razvoz {
    color: #999;
    font-size: 14px;
    line-height: 18px;
    padding-left: 10px;
}

.razvoz .sredina-txt {
    text-align: center;
}



.table-responsive th, .table-responsive td {
    font-size: 13px;
    vertical-align: middle !important;
    line-height: 15px;
}

.table-responsive th {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    color: #fff !important;
}

.razvoz td {
	
	vertical-align: middle;
	color: #fff;
	padding: 15px 20px;
}

.razvoz tr:nth-child(even) td {
	background-color: #3c97d0;
}

.razvoz tr:nth-child(odd) td {
	background-color: #f4f4f4;
	color: #273852;
}
.razvoz th {
	position: relative;
	font-size: 12px;	
	vertical-align: middle;
	background-color: #0075bd;
	color: #273852;
	text-transform: uppercase;
	text-align: left;
	padding: 22px 20px;
}
.razvoz .cijenaRaz {font-size: 15px; font-weight: bold;}
.razvoz .mjeraRaz {font-size: 15px; font-weight: bold;}
.razvoz tr td:first-of-type {padding-left: 20px; width: 10px; padding-right: 0;}
.title-trazilica i {margin-right: 20px; color: #666;}

.stl-pdf {
	margin-top:10px;
	margin-bottom:10px;
}

.margfoo {
	margin-top:30px !important;

}
.listaItem::after {clear: both; display: block; width: 100%; content: "";}
.slika-news {display: inline-block; float: left;}
.slika-news img {width: 180px; margin-right: 20px;}

a.visit-ina {
	float: right;
	margin-top: 10px;
}

.slogan {
	text-align: center;
	color: #0b74ae;
	font-weight: bold;
	font-style: italic;
	margin-top: 20px;
	font-size: 15px;
}
.footer .center-block {float: right;}

.preuzimanje_dok {margin-bottom: 30px;}
.preuzimanje_dok a {font-size: 16px;}
.preuzimanje_dok a img {position: relative; top:5px;}

.izjednaciFont {
	font-size:22px;
}

.ispunjena-anketa {
	padding: 30px; color: #fff; background-color: #0075bd;
}

.slika-logo {width:292px;}

tbody td{padding:10px;}

tbody .first_row  {
	padding:10px;
    background-color: #f3f3f3;
    color: #4a4a4a;
    font-size: 15px;
    /* font-weight: bold; */
    border-bottom: 5px solid #00639c!important;
}
tr:nth-child(odd) {
background: #f3f6ff;}